const fa = document.querySelector(".Record");
const create = (content, value, index) => {
    const li = document.createElement("li");
    li.classList.add("mui-table-view-cell");
    const color = ["primary", "success", "warning", "danger", "purple"];
    li.innerHTML = `${content}
    <span class="mui-badge mui-badge-${color[index % 6]}">${value}</span>`;
    fa.appendChild(li);
    return li;
};
var mask = mui.createMask(() => {
    fa.style.display = "none";
});
function appendTitle(value) {
    const li = document.createElement("li");
    li.classList.add("title");
    li.innerHTML = value;
    fa.appendChild(li);
}
export default function renderReport() {
    mask.show();
    fa.innerHTML = "";

    appendTitle("我的记录");

    const [water, fei, drug, day] = ["water", "fei", "drug", "day"].map((i) => {
        return Record.stack[i] + Record.nowState[i];
    });
    [
        [`🀄 您的花朵的名字`, Record.FlowerName],
        [`🌞 这是您照顾 ${Record.FlowerName} 天数`, day],
        [`🌼 花儿现在的阶段`, stateMap[Record.stateCount].name],
        ["💦 您已经浇水", water],
        ["🧇 您已经施肥", fei],
        ["🐞 您已经除虫", drug],
    ].forEach(([key, val], index) => {
        create(key, val, index);
    });
    fa.style.display = "block";
}
